.index{
	width: 100%;
	height: 100%;
}
/*左上方指定菜单按钮 start*/
.index .menuControl{
	width: 2.2rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius: 0.2rem;
	position: fixed;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 1000;
}
.index .mcOpen{
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	transition: background-color .5s,color .5s; 
}
.index .mcClose{
	background-color: #fff;
	color: #999;
	transition: background-color .5s,color .5s; 
}
.index .menuList{
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 3rem 1.5rem 1rem 1.5rem;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.index .menuSelect{
	text-align: left;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 0.8rem;
	color: #666;
	z-index: 1001;
	position: relative;
}
/*左上方指定菜单按钮 end*/
.index .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.index .nextAngle{
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.8rem solid rgba(255,255,255,0.5);
    position: absolute;
    left: 50%;
    margin-left: -0.4rem;
    -webkit-animation:bounce1 1s .2s infinite both;
	-moz-animation:bounce1 1s .2s infinite both;
}
.index .lastAngle{
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-bottom: 0.8rem solid rgba(255,255,255,0.5);
    position: absolute;
    left: 50%;
    margin-left: -0.4rem;
    -webkit-animation:bounce2 1s .2s infinite both;
	-moz-animation:bounce2 1s .2s infinite both;
}

.index .bg1{
	width: 100%;
	height: 100%;
	background: url(../img/bg1.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg1Text{
	width: 100%;
	box-sizing: border-box;
	padding-top: 75%;
}
.index .bg1Title{
	width: 100%;
	font-size: 0.9rem;
	text-align: center;
	color: #fff;
	line-height: 1.5rem;
}
.index .bg1Dec{
	margin-top: 1rem;
	width: 100%;
	font-size: 0.5rem;
	text-align: center;
	color: #fff;
	line-height: 1rem;
}
.index .bg2{
	width: 100%;
	height: 100%;
	background: url(../img/bg2.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg2Text{
	position: relative;
	font-size: 0.5rem;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 1rem;
	padding-top: 57%;
	box-sizing: border-box;
}

.index .bg3{
	width: 100%;
	height: 100%;
	
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg3Text{
	position: relative;
	color: #fff;
	box-sizing: border-box;
	padding: 68% 1rem 0;
}
.index .bg3Title{
	background: #e7d310;
	color: #231815;
	font-size: 0.75rem;
	display: inline-block;
	padding: 0 0.25rem;
}
.index .bg3Dec{
	font-size: 0.5rem;
	line-height: 1rem;
	margin-top: 2rem;
}

.index .bg4{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg4Text{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 22% 0 0 1rem;
}
.index .bg4Text .title{
	color: #fff000;
	line-height: 1rem;
	height: 1rem;
}
.index .bg4Text .dec{
	color: #fff;
	line-height: 0.8rem;
	font-size: 0.4rem;
}
.index .bg4Text1{
	margin-top: 1.2rem;
}
.index .bg4Text2{
	margin-top: 1rem;
}
.index .bg4Text3{
	margin-top: 1rem;
}

.index .bg5{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg5Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 40%;
	color: #fff;
	font-size: 0.5rem;
}
.index .bg5Dec{
	box-sizing: border-box;
	padding-top: 0.5rem;
	border-top: 1px solid #fff;
	display: inline-block;
	line-height: 1rem;
}

.index .bg6{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg6Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 45%;
	color: #fff;
	font-size: 0.5rem;
}
.index .bg6Dec{
	box-sizing: border-box;
	padding-top: 0.5rem;
	border-top: 1px solid #fff;
	display: inline-block;
	line-height: 1rem;
	background-color: rgba(0,0,0,0.5);
	padding: 0.5rem;
}

.index .bg7{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg7Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 40%;
	color: #fff;
	font-size: 0.5rem;
}
.index .bg7Dec{
	box-sizing: border-box;
	padding-top: 0.5rem;
	border-top: 1px solid #fff;
	display: inline-block;
	line-height: 1rem;
	padding-top: 0.5rem;
}

.index .bg8{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg8Title{
	position: absolute;
	right: 0.8rem;
	top: 15%;
	width: 18%;
}
.index .bg8Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 22%;
	color: #fff;
	font-size: 0.5rem;
	line-height: 1rem;
}
.index .bg8Dec2,.index .bg8Dec3,.index .bg8Dec4{
	margin-top: 0.75rem;
}

.index .bg9{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg9Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 60%;
	color: #fff;
	font-size: 0.5rem;
	line-height: 1rem;
}
.index .bg9LittleTitle{
	font-size: 0.875rem;
	color: #231815;
	display: inline-block;
	box-sizing: border-box;
	padding: 0.25rem;
	background-color: #d2c40a;
	line-height: 1.2rem;
	margin-top: 0.25rem;
}
.index .bg9Dec{
	margin-top: 2rem;
}

.index .bg10{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg10Text{
	width: 100%;
	text-align: center;
	font-size: 0.5rem;
	color: #fff;
	line-height: 1rem;
	box-sizing: border-box;
	padding-top: 55%;
}
.index .bg10LittleTitle{
	font-size: 0.875rem;
	color: #231815;
	display: inline-block;
	box-sizing: border-box;
	padding: 0.25rem;
	background-color: #d2c40a;
	line-height: 1.2rem;
	margin-top: 0.1rem;
}
.index .bg10Dec{
	margin-top: 2rem;
}

.index .bg11{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg11Text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-top: 50%;
	color: #fff;
	font-size: 0.5rem;
	line-height: 1rem;
}
.index .bg11LittleTitle{
	font-size: 0.875rem;
	color: #231815;
	display: inline-block;
	box-sizing: border-box;
	padding: 0.25rem;
	background-color: #d2c40a;
	line-height: 1.2rem;
	margin-top: 0.25rem;
}
.index .bg11Dec{
	margin-top: 0.75rem;
}

.index .bg12{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg12Title{
	position: absolute;
	bottom: 4rem;
	left: 2rem;
}

.index .bg13{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg13Title{
	position: absolute;
	bottom: 25%;
	left: 2rem;
}

.index .bg14{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg14Title{
	position: absolute;
	bottom: 35%;
	left: 50%;
	margin-left: -40%;
}

.index .bg15{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg15Title{
	position: absolute;
	bottom: 15%;
	right: 10%;
	background-color: rgba(0,0,0,0.6);
	box-sizing: border-box;
	padding: 0.5rem;
}

.index .bg16{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg16Text{
	width: 100%;
	text-align: center;
	font-size: 0.5rem;
	color: #fff;
	line-height: 1rem;
	box-sizing: border-box;
	padding-top: 25%;
}
.index .bg16Dec{
	margin-top: 0.5rem;
}

.index .bg17{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.index .bg17Text{
	width: 100%;
	text-align: center;
	font-size: 0.5rem;
	color: #fff;
	line-height: 0.9rem;
	box-sizing: border-box;
	padding-top: 15%;
}
.index .bg17title{
	width: 30%;
	border: 1px solid #d2c40a;
	margin: 0 auto;
}
.index .bg17Dec1{
	margin-top: 0.25rem;
}
.index .bg17Dec2{
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
}
